*
	EY Light Themed Template-Portal.css
	
	This CSS file contains the light theme for EY Portals based upon EY Motif.
 */
 
/*
	EY Light Themed Template-Portal.css
	
	This CSS file contains the light theme for EY Portals based upon EY Motif.
 */
 
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css");

@media(min-width:1200px) {
    .container {
        width: 85%;
    }
}

body {
  color: #2e2e38;
  background-color: #f6f6fa;
  font-family: 'EYInterstate', sans-serif }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .p {
  font-family: 'EYInterstate', sans-serif;
}


p {
    font-size: 14px;
}

h1 {
    font-size: 28px;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
}

h2 {
    font-size: 24px;
    font-weight: 600;
}

h3 {
    font-size: 20px;
    font-weight: 600;
}

h4 {
    font-size: 18px;
    font-weight: 600;
}

h5 {
    font-size: 16px;
    font-weight: 600;
}

h6 {
    font-size: 14px;
    font-weight: 600;
}


body {
  color: #2e2e38;
/*  background-color: #f6f6fa;*/
  background-color: #ffffff;}

legend {
  color: #2e2e38; } 

footer {
  color: #ffffff; }
  footer .footer-bottom {
    background-color: #2e2e38; } 

.breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #2e2e38; }
    .breadcrumb > li a:hover {
      color: #2e2e38;
	  font-weight: bold; }
  .breadcrumb > .active {
    color: #2e2e38; }
    .breadcrumb > .active:hover {
	  color: #2e2e38;
	  font-weight: normal; } 

.nav-tabs > li > a:hover {
  background-color: transparent;
  color: #ffe600; }

.nav-tabs > li > a:focus {
  background-color: transparent;
  color: #ffe600; }

.btn-default {
  color: #FFF;
  background-color: #2e2e38;
  border-color: #2e2e38; }
  .btn-default:hover {
    color: #2e2e38;
    background-color: transparent;
    border-color: #2e2e38; }
  .btn-default:active, .btn-default.active {
    color: #2e2e38;
    background-color: transparent;
    border-color: #2e2e38; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
      color: #2e2e38;
      background-color: transparent;
      border-color: #2e2e38; }
  .btn-default:focus, .btn-default.focus {
    color: #2e2e38;
    background-color: transparent;
    border-color: #2e2e38; }
    .btn-default:disabled, .btn-default.disabled {
      color: #747480;
      background-color: #EAEAF2;
      border-color: #EAEAF2; }
    .btn-default:disabled:hover, .btn-default:disabled.hover, .btn-default.disabled:hover, .btn-default.disabled.hover{
      color: #747480;
      background-color: #EAEAF2;
      border-color: #EAEAF2; }
    .btn-default:disabled:focus, .btn-default:disabled.focus,  .btn-default.disabled:focus, .btn-default.disabled.focus {
      color: #747480;
      background-color: #EAEAF2;
      border-color: #EAEAF2; } 

.btn-primary {
  color: #2e2e38;
 /* background-color: #ffe600;*/
 background-color:white;
  border-color: #2e2e38; }
  .btn-primary:hover {
    color: #FFF;
    background-color: #2e2e38;
    border-color: #2e2e38; }
  .btn-primary:active, .btn-primary.active {
    color: #FFF;
    background-color: #2e2e38;
    border-color: #2e2e38; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #FFF;
      background-color: #2e2e38;
      border-color: #2e2e38; }
  .btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #2e2e38;
    border-color: #2e2e38; }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #747480;
    background-color: #EAEAF2;
    border-color: #EAEAF2; }
    .btn-primary:disabled:hover, .btn-primary:disabled.hover, .btn-primary.disabled:hover, .btn-primary.disabled.hover{
      color: #747480;
      background-color: #EAEAF2;
      border-color: #EAEAF2; }
    .btn-primary:disabled:focus, .btn-primary:disabled.focus,  .btn-primary.disabled:focus, .btn-primary.disabled.focus {
      color: #747480;
      background-color: #EAEAF2;
      border-color: #EAEAF2; }

.navbar-inverse {
  background-color: #2e2e38 !important;}

.navbar-static-top.navbar-inverse {
  background-color: #2e2e38 !important; }

.navbar-toggle {
  background-color: #ffe600; } 

.navbar-inverse .navbar-toggle {
  border: 1px solid #2e2e38; }
  .navbar-inverse .navbar-toggle:hover {
    background-color: #3A3A4A; }
  .navbar-inverse .navbar-toggle:focus {
    border: 1px solid #3A3A4A;
    background-color: #3A3A4A; } 

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff; }
  .navbar-inverse .navbar-nav > li > a:hover {
    background-color: transparent;
    /*color: #ffe600; */}
  .navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    /*color: #ffe600; */ } 

.navbar-inverse .navbar-nav > .open > a {
  /*color: #ffe600; */
  background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a:hover {
    color: #FFF;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a:focus {
   /*color: #ffe600; */
    background-color: transparent; }

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #FFF; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #2e2e38 }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #e1e1e6;
      color: #2e2e38; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: #e1e1e6;
      color: #2e2e38; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #e1e1e6;
    color: #2e2e38; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
      background-color: #e1e1e6;
      color: #2e2e38; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      background-color: #e1e1e6;
      color: #2e2e38; }

.nav > li > a {
  color: #2e2e38;
  background-color: transparent; }
	.nav > li > a:hover {
	  color: #2e2e38;
	  background-color: transparent; }
	.nav > li > a:focus {
	  color: #2e2e38;
	  background-color: transparent; }

.nav .open .dropdown-menu {
  background-color: #FFF; }
  .nav .open .dropdown-menu > li > a {
    color: #2e2e38; }
    .nav .open .dropdown-menu > li > a:hover {
      background-color: #e1e1e6;
      color: #2e2e38; }
    .nav .open .dropdown-menu > li > a:focus {
      background-color: #e1e1e6;
      color: #2e2e38; }
  .nav .open .dropdown-menu > .active > a {
    background-color: #e1e1e6;
    color: #2e2e38; }
    .nav .open .dropdown-menu > .active > a:hover {
      background-color: #e1e1e6;
      color: #2e2e38; }
    .nav .open .dropdown-menu > .active > a:focus {
      background-color: #e1e1e6;
      color: #2e2e38; }

.nav > .open > a {
  background-color: transparent;
  font-weight: bold; 
  }
  .nav > .open > a:hover {
    background-color: transparent; }
  .nav > .open > a:focus {
    background-color: transparent; }

.sectionPrimaryColor {
  background-color: #ffe600;
  color: #2e2e38; }
  .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6 {
    color: #2e2e38; }
  .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6 {
    color: #2e2e38; }
  .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6 {
    color: #2e2e38; }

a {
  color: #2e2e38; }
  a:hover {
    color: #2e2e38;
    text-decoration: underline;
    font-weight: bold; }
  a:focus {
    color: #2e2e38;
    text-decoration: underline;
    font-weight: bold; }

.open > .btn-default.dropdown-toggle {
  color: #2e2e38;
  /*background-color: #ffe600;*/
  border-color: #2e2e38; }

.open > .btn-primary.dropdown-toggle {
  color: #2e2e38;
  background-color: #ffffff;
  border-color: #ffffff; }
  .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #2e2e38;
    background-color: #e1e1e6;
    border-color: #e1e1e6; }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
 /* background-color: #f6f6fa;*/
  background-color: #ffffff;
  color: #2e2e38;
  border: 1px solid #C4C4CD;
  }

.panel-default > .panel-body, .list-group-item {
  background-color: #f6f6fa;
  color: #1a1a24; }

.panel-default > .panel-heading {
  background-color: #E7E7EA;
  color: #1a1a24; }

.facet-list-group-item-title {
  color: #1a1a24; }

.form-control {
  /*background-color: #e1e1e6 !important;*/
  background-color: #f6f6fa;
  color: #1a1a24; }

input {
  background-color: #f6f6fa; }

.bootstrap-datetimepicker-widget {
  background-color: #f6f6fa; }
  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
    color: #1a1a24; }
  .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
    color: white; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset; }

.login-heading-section {
  color: unset; }

.navbar-static-top.navbar-inverse .navbar-brand a {
  color: #ffffff; }

.search-results .highlight {
  color: #1a1a24; }

.table > thead > tr.info > td {
  background-color: #E7E7EA; }

.table > thead > tr.info > th {
  background-color: #E7E7EA; }

.table > thead > tr > td.info {
  background-color: #E7E7EA; }

.table > thead > tr > th.info {
  background-color: #E7E7EA; }

.table > tbody > tr.info > td {
  background-color: #E7E7EA; }

.table > tbody > tr.info > th {
  background-color: #E7E7EA; }

.table > tbody > tr > td.info {
  background-color: #E7E7EA; }

.table > tbody > tr > th.info {
  background-color: #E7E7EA; }

.table > tfoot > tr.info > td {
  background-color: #E7E7EA; }

.table > tfoot > tr.info > th {
  background-color: #E7E7EA; }

.table > tfoot > tr > td.info {
  background-color: #E7E7EA; }

.table > tfoot > tr > th.info {
  background-color: #E7E7EA; }

.table-hover > tbody > tr:hover {
  background-color: #E7E7EA; }

.table-hover > tbody > tr > td.info:hover {
  background-color: #E7E7EA; }

.table-hover > tbody > tr > th.info:hover {
  background-color: #E7E7EA; }

.table-hover > tbody > tr.info:hover > td {
  background-color: #E7E7EA; }

.table-hover > tbody > tr.info:hover > th {
  background-color: #E7E7EA; }

.table-hover > tbody > tr:hover > .info {
  background-color: #E7E7EA; } 
  
.alert-danger {
  background-color: #b9251c !important;
  border-color: #b9251c !important;
  color: #FFF !important; }
  .alert-danger > ul > li > a, .alert-danger > ul > li > a:hover, .alert-danger > ul > li > a:focus {
    color: #FFF !important;
    font-weight: bold; } 

.alert-success {
  background-color: #168736 !important;
  border-color: #168736 !important;
  color: #FFF !important; }
  .alert-success > ul > li > a, .alert-success > ul > li > a:hover, .alert-success > ul > li > a:focus {
    color: #FFF !important;
    font-weight: bold; } 

.form-close {
  color: #1a1a24; }
  .form-close:hover {
    color: #1a1a24 !important; }
  .form-close:focus {
    color: #1a1a24 !important; }

::placeholder {
  color: #1a1a24 !important; }

.help-block {
  color: #1a1a24; }
